<template>
	<view class="container">
		<uni-list>
			<uni-list-item v-for="item,index in list" :key="index" :title="item.name" :thumb="'/static/'+item.icon"
				clickable @click="toPage(item.id)" thumbSize="lg" :rightText="'￥'+item.price+'元'"
				:showArrow="true">
			</uni-list-item>
		</uni-list>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				"list": [
					//{
					//     "id": 1,
					//     "name": "烤鸭",
					//     "type": "肉类",
					//     "icon": "/images/1.png",
					//     "description": "烤鸭是北京和南京的一道特色名菜,属于北京菜或金陵菜,该菜品以色泽红艳,肉质细嫩,味道醇厚,肥而不腻的特色,被誉为“天下美味”而驰名中外,其色泽略黄,柔软淡香,夹卷其他荤素食物食用,为宴席常用菜点,更是家常风味美食。",
					//     "price": 88.5
					//   },
					//   {
					//     "id": 2,
					//     "name": "回锅肉",
					//     "type": "肉类",
					//     "icon": "/images/2.png",
					//     "description": "回锅肉，是一种四川传统菜式中家常（味型）菜肴的代表菜肴之一，属于川菜系列。制作原料主要有猪后臀肉（二刀肉）、青椒、蒜苗等，口味独特，色泽红亮，肥而不腻。回锅肉起源四川农村地区。古代时期称作油爆锅，四川地区大部分家庭都会制作。所谓回锅，就是再次烹调的意思。",
					//     "price": 12.5
					//   },
					//   {
					//     "id": 3,
					//     "name": "茄子",
					//     "type": "蔬菜",
					//     "icon": "/images/3.png",
					//     "description": "油淋茄子以茄子、鸡蛋、肉末、粉丝等为食材制成的一道精美的平民美食。",
					//     "price": 20.5
					//   },
					//   {
					//     "id": 4,
					//     "name": "宫保鸡丁",
					//     "type": "肉类",
					//     "icon": "/images/4.png",
					//     "description": "宫保鸡丁选用鸡肉为主料，佐以花生米、辣椒等辅料烹制而成；红而不辣、辣而不猛、香辣味浓、肉质滑脆；其入口鲜辣，鸡肉的鲜嫩可以配合花生的香脆。",
					//     "price": 34.5
					//   }
				],

			}
		},
		methods: {
			toPage(id) {
				uni.navigateTo({
					url: '../fooddetail/fooddetail?id=' + id
				})
			},
			onLoad() {
				console.log("onLoad");
				uni.showLoading({
					title: '加载中',
					mask: false
				});
				uni.request({
					url: this.$baseUrl + 'food/list',
					method: 'POST',
					data: {},
					success: res => {
						if (res.data.success) {
							this.list = res.data.data
							uni.hideLoading()
							uni.showToast({
								title: '成功',
								icon: 'none'
							});
						} else {
							this.list = []
							uni.showToast({
								title: '失败',
								icon: 'none'
							});
						}
					},
					fail: () => {
						uni.showToast({
							title: '失败',
							icon: 'none'
						});
					},
					complete: () => {
					}
				});
			}
		},


	}
</script>

<style>
	.container {
		padding: 8rpx;
		font-size: 14px;
		line-height: 24px;
	}

	.list-item {
		display: flex;
		flex-direction: row;
		border-bottom: 1px solid #ccc;
		line-height: 110rpx;
		height: 110rpx;
		margin: 10rpx 8rpx;
	}

	.title {
		flex: 1;
		margin: 0 20rpx;
		font-weight: bold;
	}
</style>